<template>
	<view class="max-box">
		<view class="tabs">
			<u-tabs :list="list4" lineWidth="30" lineColor="#f56c6c" :activeStyle="{
			            color: 'red',
			            fontWeight: 'bold',
			            transform: 'scale(1.05)'
			        }" :inactiveStyle="{
			            color: '#606266',
			            transform: 'scale(1)'
			        }" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;" :scrollable="false">
			</u-tabs>
		</view>
		<view class="coupons">
			<u-empty mode="coupon" text="暂无优惠卷">
			</u-empty>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list4: [{
					name: '可使用'
				}, {
					name: '已使用',
				}, {
					name: '已过期',
				}],
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.max-box {
		height: 1400rpx;
		background-color: rgb(246, 246, 246);
	}

	.tabs {
		background-color: #fff;
	}
	.coupons{
		margin-top: 400rpx;
	}
</style>